<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | Lightbox Gallery</title>

    <link href="resources/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="resources/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="resources/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    <link href="resources/css/animate.css" rel="stylesheet">
    <link href="resources/css/style.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">
        <div id="page-wrapper" class="gray-bg">
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-md-12">
                <div class="ibox float-e-margins">

                    <div class="ibox-content">

                        <h2>Lightbox image gallery</h2>
                        <p>
                            <strong>blueimp Gallery</strong> is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
                            It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.
                            Full documentation you can find at: <a href="https://github.com/blueimp/Gallery/blob/master/README.md" target="_blank">https://github.com/blueimp/Gallery/blob/master/README.md</a>
                        </p>

                        <div class="lightBoxGallery">
                            <a href="resources/img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/1s.jpg"></a>
                            <a href="resources/img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/2s.jpg"></a>
                            <a href="resources/img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/3s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/6s.jpg"></a>
                            <a href="resources/img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/7s.jpg"></a>
                            <a href="resources/img/gallery/8.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/8s.jpg"></a>
                            <a href="resources/img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/9s.jpg"></a>
                            <a href="resources/img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/10s.jpg"></a>
                            <a href="resources/img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/12s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/6s.jpg"></a>
                            <a href="resources/img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/7s.jpg"></a>
                            <a href="resources/img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/2s.jpg"></a>
                            <a href="resources/img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/3s.jpg"></a>
                            <a href="resources/img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/1s.jpg"></a>
                            <a href="resources/img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/9s.jpg"></a>
                            <a href="resources/img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/10s.jpg"></a>
                            <a href="resources/img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/11s.jpg"></a>
                            <a href="resources/img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/12s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/6s.jpg"></a>
                            <a href="resources/img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/12s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/10s.jpg"></a>
                            <a href="resources/img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/1s.jpg"></a>
                            <a href="resources/img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/2s.jpg"></a>
                            <a href="resources/img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/3s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/6s.jpg"></a>
                            <a href="resources/img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/7s.jpg"></a>
                            <a href="resources/img/gallery/8.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/8s.jpg"></a>
                            <a href="resources/img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/9s.jpg"></a>
                            <a href="resources/img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/10s.jpg"></a>
                            <a href="resources/img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/11s.jpg"></a>
                            <a href="resources/img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/12s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/6s.jpg"></a>
                            <a href="resources/img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/7s.jpg"></a>
                            <a href="resources/img/gallery/2.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/2s.jpg"></a>
                            <a href="resources/img/gallery/3.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/3s.jpg"></a>
                            <a href="resources/img/gallery/1.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/1s.jpg"></a>
                            <a href="resources/img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/9s.jpg"></a>
                            <a href="resources/img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/10s.jpg"></a>
                            <a href="resources/img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/11s.jpg"></a>
                            <a href="resources/img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/12s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/7.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/7s.jpg"></a>
                            <a href="resources/img/gallery/8.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/8s.jpg"></a>
                            <a href="resources/img/gallery/9.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/9s.jpg"></a>
                            <a href="resources/img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/10s.jpg"></a>
                            <a href="resources/img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/11s.jpg"></a>
                            <a href="resources/img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/12s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/6.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/6s.jpg"></a>
                            <a href="resources/img/gallery/12.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/12s.jpg"></a>
                            <a href="resources/img/gallery/4.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/4s.jpg"></a>
                            <a href="resources/img/gallery/5.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/5s.jpg"></a>
                            <a href="resources/img/gallery/10.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/10s.jpg"></a>
                            <a href="resources/img/gallery/11.jpg" title="Image from Unsplash" data-gallery=""><img src="resources/img/gallery/11s.jpg"></a>

                            <!-- The Gallery as lightbox dialog, should be a child element of the document body -->
                            <div id="blueimp-gallery" class="blueimp-gallery">
                                <div class="slides"></div>
                                <h3 class="title"></h3>
                                <a class="prev">‹</a>
                                <a class="next">›</a>
                                <a class="close">×</a>
                                <a class="play-pause"></a>
                                <ol class="indicator"></ol>
                            </div>

                        </div>

                    </div>
                </div>
            </div>

            </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>

        </div>
        </div>



    <!-- Mainly scripts -->
    <script src="resources/js/jquery-2.1.1.js"></script>
    <script src="resources/js/bootstrap/bootstrap.min.js"></script>
    <script src="resources/js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="resources/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="resources/js/inspinia.js"></script>
    <script src="resources/js/plugins/pace/pace.min.js"></script>

    <!-- blueimp gallery -->
    <script src="resources/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>

</body>

</html>
